<?php 
	$this->headLink()->appendStylesheet($this->dirCss.'/mainstyle.css');
	echo $this->render('common/header.phtml'); ?>

<?php if($this->loggedin == false){ ?>
	<div id="homepage-wrapper"><!-- 100% -->
		
		<div id="homepage-content"><!-- 1140px -->
		
			<div id="newtothamza">
				<h2>New to Thamza?</h2>
				<div id="postajob">
				
					<h5>I am hiring:</h5>
					<h5 style="float:right">I want a profile</h5>
					<div class="clear_row"></div>
					<a href="javascript:">Post a job</a>
					<a style="float:right; margin-right:16px;" href="javascript:">Sign up to create a profile</a>
				</div>
			</div><!-- END #newtothamza -->
			
			<form action="" method="post" id="hp-login-form" onkeydown="return submitenter(this,event)">
				<div id="hp-login">
				
					<label class="orange1">Login to your account here</label>
					<label class="hp-description">Login to manage your recruitment</label>
					
					<?php if(!empty($this->error)){ ?>
						<label class="hp-error"><?php echo $this->error; ?></label>
					<?php }?>
					<label class="hp-bold" for="employer[email]">Email address</label>
					<input type="text" name="employer[email]" id="email" value="Your email address" TABINDEX=1/>
					
					<label class="hp-bold">Password </label>
					<label class="hp-italic" for="employer[email]"> <a href="javascript:">- Forgot your password ?</a></label>
					<input type="password" name="employer[password]" id="password" TABINDEX=2 />
					
					<div class="clear_row"></div>
					
					<div id="command-login">
						<input type="hidden" value="checked" id="rememberme"/>
						<img id="btn-remember-me" align="left" src="<?php echo $this->dirImg.'/checked.png'; ?>" alt="checked" />
						<label id="remember-me">Remember me</label>
						
						<a class="hp-login-btn" href="javascript:" >
							<img src="<?php echo $this->dirImg.'/login-btn.png'; ?>" alt="login"/>
						</a>
					</div><!--  END #command-login -->
				</div><!-- END #hp-login-->
				<script type="text/javascript">
				//Dành cho form login
					var submitenter = function (myfield,e){
						var keycode;
						if (window.event) keycode = window.event.keyCode;
						else if (e) keycode = e.which;
							else return true;
						
						if (keycode == 13)
						{
							myfield.submit();
							return false;
						}
						else
							return true;
					}
				</script>
			</form>
			
			<div id="hp-reason">
				<span class="orange2">Why use thamza to find talent?</span>
				<p>
					Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer interdum sem ac magna. Integer in lectus sed ligula commodo commodo. In molestie, neque et porta lobortis, ligula sem auctor mauris, a luctus lacus quam sit amet augue.
				</p>
				
				<p>
					Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer interdum sem ac magna. Integer in lectus sed ligula commodo commodo. In molestie, neque et porta lobortis, ligula sem auctor mauris, a luctus lacus quam sit amet augue. Aliquam eu felis. Nullam vel erat. Phasellus erat nibh, nonummy sit amet, lobortis quis, imperdiet ornare, dolor. Nunc odio. Nulla eros neque, egestas ut, auctor eu, luctus vitae, nisi. Aenean malesuada leo a nunc. Etiam fermentum neque in justo. Aliquam erat volutpat. Aenean tellus eros, consectetuer ut, hendrerit ut, rutrum at, nunc. Integer dolor odio, posuere nec, molestie at, tincidunt at, lacus. Maecenas at nibh. 
				</p>
			</div><!--  END #hp-reason -->
			
			
			<div id="hp-about1">
				<span class="orange2">YOU ARE IN GOOD COMPANY.</span>
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer interdum sem ac magna. Integer in lectus sed ligula commodo commodo.</p>
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer interdum sem ac magna. Integer in lectus sed ligula commodo commodo. In molestie, neque et porta lobortis, ligula sem auctor mauris, a luctus lacus quam sit amet augue. Aliquam eu felis. Nullam vel erat. Phasellus erat nibh, nonummy sit amet, lobortis quis, imperdiet ornare, dolor. Nunc odio... <a href="javascript:">read more >></a></p>
			</div><!--  END #hp-about1 -->
			
			<div class="hp-spacer">
				
			</div><!--  END .hp-spacer -->
			
			<div id="hp-about2">
			
				<span class="orange2">A brief history of thamza company</span>
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer interdum sem ac magna. Integer in lectus sed ligula commodo commodo.</p>
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer interdum sem ac magna. Integer in lectus sed ligula commodo commodo. In molestie, neque et porta lobortis, ligula sem auctor mauris, a luctus lacus quam sit amet augue. Aliquam eu felis. Nullam vel erat. Phasellus erat nibh, nonummy sit amet, lobortis quis, imperdiet ornare, dolor. Nunc odio... <a href="javascript:">read more >></a></p>
			</div><!--  END #hp-about2 -->
			
		</div><!--  END #homepage-content -->
		
	</div><!-- END #homepage-wrapper -->
	

	<div id="support-wrapper">
	
		<div id="support-content">
		
			<div id="first-content">
			
				<img src="<?php echo $this->dirImg.'/first-support.png'; ?>" alt="">
			</div><!-- #END #first-content -->
			
			<div id="second-content">
				<img src="<?php echo $this->dirImg.'/second-support.png'; ?>" alt="">
			</div><!--  END #second-content -->
		</div><!--  END #support-content -->
	</div><!--  END #support-wrapper -->
	
	<script type="text/javascript">
		$(document).ready(function(){
			$('#email').blur(function(){
				if($(this).val() == ""){
					$(this).val("Your email address");
				}
			});
			
			$('#email').focus(function(){
				if($(this).val() == "Your email address"){
					$(this).val("");
				}
			});

			$('#btn-remember-me').click(function(){
				//Xử lý cho nút check box remember me
				var checked= "<?php echo $this->dirImg.'/checked.png'?>";
				var unchecked= "<?php echo $this->dirImg.'/unchecked.png'?>";
				var src = $('#rememberme').val();
				if(src == 'checked'){
					$('#rememberme').val('unchecked');
					$('#btn-remember-me').attr('src',unchecked);
				}else{
					$('#rememberme').val('checked');
					$('#btn-remember-me').attr('src',checked);
				}
			});

			$('.hp-login-btn').click(function(){
				$('#hp-login-form').submit();
			});

		});
	</script>
<?php }else{
	$this->headLink()->appendStylesheet($this->dirCss.'/hp_loggedin.css');
?>
		<div id="homepage-wrapper"><!-- 100% -->
		
		<div id="homepage-content"><!-- 1140px -->
		
			<div id="hp-reason">
				<span class="orange2">Why use thamza to find talent?</span>
				<p>
					Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer interdum sem ac magna. Integer in lectus sed ligula commodo commodo. In molestie, neque et porta lobortis, ligula sem auctor mauris, a luctus lacus quam sit amet augue.
				</p>
				
				<p>
					Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer interdum sem ac magna. Integer in lectus sed ligula commodo commodo. In molestie, neque et porta lobortis, ligula sem auctor mauris, a luctus lacus quam sit amet augue. Aliquam eu felis. Nullam vel erat. Phasellus erat nibh, nonummy sit amet, lobortis quis, imperdiet ornare, dolor. Nunc odio. Nulla eros neque, egestas ut, auctor eu, luctus vitae, nisi. Aenean malesuada leo a nunc. Etiam fermentum neque in justo. Aliquam erat volutpat. Aenean tellus eros, consectetuer ut, hendrerit ut, rutrum at, nunc. Integer dolor odio, posuere nec, molestie at, tincidunt at, lacus. Maecenas at nibh. 
				</p>
			</div><!--  END #hp-reason -->
			
			
			<div id="hp-about1">
				<span class="orange2">YOU ARE IN GOOD COMPANY.</span>
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer interdum sem ac magna. Integer in lectus sed ligula commodo commodo.</p>
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer interdum sem ac magna. Integer in lectus sed ligula commodo commodo. In molestie, neque et porta lobortis, ligula sem auctor mauris, a luctus lacus quam sit amet augue. Aliquam eu felis. Nullam vel erat. Phasellus erat nibh, nonummy sit amet, lobortis quis, imperdiet ornare, dolor. Nunc odio... <a href="javascript:">read more >></a></p>
			</div><!--  END #hp-about1 -->
			
			<div class="hp-spacer">
				
			</div><!--  END .hp-spacer -->
			
			<div id="hp-about2">
			
				<span class="orange2">A brief history of thamza company</span>
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer interdum sem ac magna. Integer in lectus sed ligula commodo commodo.</p>
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer interdum sem ac magna. Integer in lectus sed ligula commodo commodo. In molestie, neque et porta lobortis, ligula sem auctor mauris, a luctus lacus quam sit amet augue. Aliquam eu felis. Nullam vel erat. Phasellus erat nibh, nonummy sit amet, lobortis quis, imperdiet ornare, dolor. Nunc odio... <a href="javascript:">read more >></a></p>
			</div><!--  END #hp-about2 -->
			
		</div><!--  END #homepage-content -->
		
	</div><!-- END #homepage-wrapper -->
	

	<div id="support-wrapper">
	
		<div id="support-content">
		
			<div id="support-image">
			
				<div id="first-content">
				
					<img src="<?php echo $this->dirImg.'/first-support.png'; ?>" alt="">
				</div><!-- #END #first-content -->
				
				<div id="second-content">
				
					<img src="<?php echo $this->dirImg.'/second-support.png'; ?>" alt="">
				</div><!--  END #second-content -->
			</div><!-- END #support-image -->
			
			<div id="newtothamza">
				<h2>New to Thamza?</h2>
				<div id="postajob">
					<h5>I want to create a job</h5>
					<div class="clear_row"></div>
					<a href="javascript:">Click here !</a>
				</div>
			</div><!-- END #newtothamza -->
			
		</div><!--  END #support-content -->
	</div><!--  END #support-wrapper -->
<?php }?>
<?php echo $this->render('common/footer.phtml'); ?>